<style type="text/css">
    .input-group-addon{padding: 0px 12px!important;height: 40px!important;line-height: 40px;}
    .panel .panel-body{padding-top: 0px;}
    .btn-primary{min-width: 120px;padding-top: 10px;padding-bottom: 10px;border-radius: 5px;font-size: 17px;}
    table.dataTable thead > tr > th.widht{width: 170px!important;}
    table.dataTable thead > tr > th.widht100{width: 105px!important;}
    table.dataTable thead > tr > th.widht200{width: 200px!important;}
    table.dataTable thead > tr > th.widht130{width: 120px!important;}
    table.dataTable thead > tr > th.widht150{width: 150px!important;}
    table{table-layout: fixed;word-break: break-all; word-wrap: break-word;}
    .table-bordered>tbody>tr>td.ll{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding:15px 5px;    }
    .search_input_cont{border-bottom: 0px;}
    #datatable_wrapper{border:0px;}
    .tab-content{padding: 0px!important;margin:0px!important;}
    .col-xs-12{padding: 0px!important;}
    .search_condbtn  button{margin-top: -4px;}
    .option_btn span:last-child{margin-right: 0px!important;}

    /*.nav.nav-tabs{margin-bottom: 0px;}*/
    /*#datatable1{margin-top: 0px!important;}*/
    .table>thead:first-child>tr:first-child>th{border-top: 0px!important;}
    .tab_tables_border{border: none;}
    table.table-bordered.dataTable{border: 1px solid #DDDDDD;}
</style>
<div class="page-title q-tit-change" style="margin:10px;">
    <a href="/promote/index">推广管理</a> > 我的推广
</div>
<div class="row" style="margin:0px;">
    <div class="col-md-12" >
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="search_input_cont">
                    <div class="search_litile_tit"><span class="tit_diswidth"></span>搜索条件</div>
                    <div class="search_condition overflow">
                        <div class="input-group col-sm-3 m-b-10">
                            <span class="input-group-addon">软文标题:</span>
                            <input type="text" id="example-input1-group1" name="example-input1-group1" class="form-control Title" placeholder="请输入软文标题">
                        </div>
                        <div class="input-group col-sm-3">
                            <span class="input-group-addon">软文类型:</span>
                            <select class="input-group-select form-control AdType">
                                <option value="">--请选择--</option>
                                <option value="100">销售软文</option>
                                <option value="200">预约软文</option>
                                <option value="300">活动软文</option>
                            </select>
                        </div>
                        <div class="search_condbtn col-sm-3" style="text-align: right;">
                            <button class="btn btn-primary m-r-10" type="button" id="btnSearch">
                                <i class="fa fa-search"></i> 查  询
                            </button>
                            <button class="btn  btn-primary changebgr" type="reset" id="btnRefresh">
                                <i class="fa fa-refresh"></i> 重  置
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab_tables_border">
                <ul class="nav nav-tabs">
                    <li  class="active">
                        <a href="#sale" data-toggle="tab" aria-expanded="false" data-type="100">
                            <span class="hidden-xs">已发布活动列表</span>
                        </a>
                    </li>
                    <li>
                        <a href="#profile" data-toggle="tab" aria-expanded="true" data-type="200">
                            <span class="hidden-xs">未发布活动列表</span>
                        </a>
                    </li>
                </ul>
                <div class="tab-content overflow">
                    <div class="tab-pane active">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <table id="datatable1" class="table table-striped table-bordered">
                                <thead>
                                <tr>
                                    <th class="">软文标题</th>
                                    <th class="">发布时间</th>
                                    <th class="">软文类型</th>
                                    <th class="">操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="tab-pane">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <table id="datatable2" class="table table-striped table-bordered">
                                <thead>
                                <tr>
                                    <th class="">软文标题</th>
                                    <th class="">创建时间</th>
                                    <th class="">软文</th>
                                    <th class="">操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>

    seajs.use('promote/mypromote');
</script>

